<!DOCTYPE html>
<html lang="en"   data-vue="vmRatingTeamDetail">
<head>
    <meta charset="UTF-8">
    <title>战队详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="Description"  content="">
    <meta name="Keywords"  content="">
    <link href="res/images/cont/favicon.ico" rel="shortcut icon">

    <link rel="stylesheet" href="res/css/all-common.css">
    <link rel="stylesheet" href="res/css/grade.css">

    <!--html font size set-->
    <script src="res/js/set-font-size.js"></script>


    <!--js common start-->
    <script src="res/lib/jquery/jquery.min.js"></script>
    <script src="res/lib/store/store-json2.min.js"></script>
    <script src="res/lib/vue/vue.min.js"></script>
    <script src="res/lib/moment/moment.min.js"></script>
    <script src="res/lib/moment/moment-locales.min.js"></script>
    <script src="res/js/common.js"></script>
    <!--js common end-->
</head>
<body>
<!-- 头部 -->
<section class="p-back p-clear-fix">
    <a href="grade.html" class="l back-btn">
        <i class="iconfont icon-back"></i>
        <img src="/res/images/cont/index/logo.png" />
    </a>
</section>
<div class="su_corps " id="ratingTeamDetail">
    <!--头像-->
<div class="t ">
    <div class="p-text-center img">
        <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/6e5bcb21-dc81-43d6-8e3d-614a6f1e8682.png" alt="name">
        <p>Counter Logic Gaming</p>
    </div>
</div>
    <!--区域-->
<div class=" p-text-center  p-clear-fix l">
    <ul class="rating-area">
        <li>
            <div>
                <p class="team-title">地区</p>
                <p class="img-box">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png">
                </p>
            </div>
            <div>
                <p class="team-title">全球排行</p>
                <p class="img-box p-text">
                    <span id="globalRanking">1</span>
                </p>
            </div>
            <div>
                <p class="team-title">实力评分</p>
                <p class="img-box p-text">
                    <span>1843</span>
                </p>
            </div>
        </li>
    </ul>
</div>

    <!--成员-->
<div class="p">
    <div class="su-title">所有队员</div>
    <div class="swiper-container swiper-container-horizontal">
        <ul class="p-clear-fix swiper-wrapper" style="transform: translate3d(-79.6px, 0px, 0px); transition-duration: 0ms;">
            <li class="swiper-slide swiper-slide-prev" style="width: 79.6px;">
                <a href="/zh-CN/Team/MemberDetail?playerId=39">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/0b2518b6-e60d-40d2-81ba-b358177d47d9.png">
                    <p>Bang </p>
                </a>
            </li><li class="swiper-slide swiper-slide-active" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=52">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/36048b6a-4ed3-44e8-8629-3a13e561e9ba.png">
                <p>Blank </p>
            </a>
        </li><li class="swiper-slide swiper-slide-next" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=136">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/034a96f2-42b1-4675-9d13-bd7a720534f5.png">
                <p>Faker </p>
            </a>
        </li><li class="swiper-slide" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=193">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/9053f072-1202-4941-b98f-5a8f957f4b43.PNG">
                <p>Huni </p>
            </a>
        </li><li class="swiper-slide" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=348">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/ecd56ef1-0407-4187-b219-28760d9c1020.png">
                <p>Peanut </p>
            </a>
        </li><li class="swiper-slide" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=364">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/f8cefd8a-bacb-4bb2-b7af-12ade0215bf3.png">
                <p>Profit </p>
            </a>
        </li><li class="swiper-slide" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=488">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/5278aad4-cd1d-4b96-9aa9-06b406793461.png">
                <p>Wolf </p>
            </a>
        </li><li class="swiper-slide" style="width: 79.6px;">
            <a href="/zh-CN/Team/MemberDetail?playerId=1556">
                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/9672a8e9-f7d1-4422-b9e4-9bc7d327676b.png">
                <p>Sky </p>
            </a>
        </li>
        </ul>
        <div class="p-btns swiper-button-prev swiper-button-white"></div>
        <div class="p-btns  swiper-button-next swiper-button-white"></div>
    </div>
</div>
    <!--统计-->
<div class="s">
    <div class="su-title">最近25局比赛数据</div>
    <ul>
        <li>
            <div class="color-dark-red">
                <p>胜率</p>
                <h3>68%</h3>

            </div>
            <div class="color-dark-Blue">
                <p>一血</p>
                <h3>40%</h3>

            </div>
            <div class="color-dark-red">
                <p>一塔</p>
                <h3>60%</h3>

            </div>
        </li>


        <li>
            <div class="color-dark-red">
                <p>一龙</p>
                <h3>56%</h3>
            </div>

            <div class="color-dark-Blue">
                <p>首大龙</p>
                <h3>50%</h3>
            </div>

            <div class="color-dark-red">
                <p>首先锋</p>
                <h3>117%</h3>

            </div>
        </li>
    </ul>
</div>
    <!--价值表-->
<div class="p-tab news">
    <ul class="p-tab-h p-clear-fix">
        <li class="cur" ><span>10局 </span></li>
        <li ><span>25局</span></li>
        <li ><span>40局</span></li>
    </ul>
    <div class="p-tab-c">
        <div class="p-tab-item ">
            <div class="trend ">
                <div class="l ">队伍实力评分走势</div>
                <div class="r ">
                    <ul>
                        <li >实际价格<p class="p-white">15.15</p></li>
                        <li >价格变动<p class="p-green">0.14 <img src="/res/images/cont/grade/down-green-s.png"></p></li>
                        <li >百分百变动<p class="p-red">0.91% <img src="/res/images/cont/grade/down-red-x.png"></p></li>
                    </ul>
                </div>
            </div>
            <div class="chart">
                <!--图表-->
                <!--<img src="/res/images/cont/grade/tb-2.png">-->
            </div>
        </div>
        <div class="p-tab-item hide">

        </div>
        <div class="p-tab-item hide">

        </div>
    </div>
</div>



</div>



<!--page js-->
<script src="res/lib/swiper/swiper.jquery.min.js"></script>
<script src="res/js/grade-detail-team.js"></script>
</body>
</html>